@extends('home.order.index')

@extends('home.header')
@extends('home.footer')

@section('title','确认订单-魅族商城')

@section('order')
    <div class="order">
        <div class="mzcontainer order-header clearfix">
            <div class="order-title">确认订单</div>
            <ul class="order-bread clearfix">
                <li class="order-bread-module active">购物车</li>
                <li class="order-bread-module active">确认订单</li>
                <li class="order-bread-module">在线支付</li>
                <li class="order-bread-module">完成</li>
            </ul>
        </div>
        <div class="mzcontainer order-address" id="addressModule">
            <div class="order-address-title">
                收货人信息
                <div class="order-address-title-tips" id="orderAddressHasOldTips">
                    <i class="order-address-tips-icon"></i>因配送地址库升级，部分地址需升级后方可使用！
                </div>
            </div>
            <ul class="order-address-list clearfix" id="addressList">
                <li class="order-address-checkbox checked">
                    <div class="order-address-checkbox-top">
                        <div class="order-address-checkbox-name" title="无意">无意</div>
                        <div class="order-address-checkbox-phone">18500891947</div>
                    </div>
                    <div class="order-address-checkbox-content">北京北京市东城区东华门街道爱是第三方</div>
                    <div class="order-address-checkbox-checked"><div class="order-address-checkbox-tick"></div></div>
                    <div class="order-address-checkbox-ctrl">
                        <div class="order-address-checkbox-delete"></div>
                        <div class="order-address-checkbox-edit"></div>
                    </div>
                </li>
            </ul>
            <div style="display: block;" class="order-address-add" id="addressAdd">
                <div class="order-address-add-icon" id="addressOpenBtn">
                    <div class="order-address-add-horizontal"></div>
                    <div class="order-address-add-vertical"></div>
                </div>
                <div class="order-address-form" id="addressForm">
                    <div class="order-address-row clearfix">
                        <div class="order-address-row-title">收件人</div>
                        <div class="order-address-row-content">
                            <input class="order-address-input" placeholder="长度不超过12个字" maxlength="12" id="addressFormName" type="text">
                        </div>
                        <div class="order-address-row-tips"></div>
                    </div>
                    <div class="order-address-row clearfix">
                        <div class="order-address-row-title">手机</div>
                        <div class="order-address-row-content">
                            <input class="order-address-input" placeholder="请输入11位手机号" maxlength="11" id="addressFormPhone" type="text">
                        </div>
                        <div class="order-address-row-tips"></div>
                    </div>
                    <div class="order-address-row clearfix">
                        <div class="order-address-row-title">地址</div>
                        <div class="order-address-row-content mz-citys" id="citys">
                            <div class="mz-selectmenu">
                                <input placeholder="省/直辖市" readonly="readonly" tabindex="-1" type="text">
                                <input name="" value="" tabindex="-1" type="hidden">
                            </div>
                            <div class="mz-selectmenu">
                                <input placeholder="城市" readonly="readonly" tabindex="-1" type="text">
                                <input name="" value="" tabindex="-1" type="hidden">
                            </div>
                            <div class="mz-selectmenu">
                                <input placeholder="区/县" readonly="readonly" tabindex="-1" type="text">
                                <input name="" value="" tabindex="-1" type="hidden">
                            </div>
                            <div class="mz-selectmenu">
                                <input placeholder="乡镇/街道" readonly="readonly" tabindex="-1" type="text">
                                <input name="" value="" tabindex="-1" type="hidden">
                            </div>
                            <div style="display: none;" class="mz-selectmenu other">
                                <input name="" placeholder="其他" maxlength="10" type="text">
                            </div>
                        </div>
                        <div class="order-address-row-tips"></div>
                    </div>
                    <div class="order-address-row clearfix">
                        <div class="order-address-row-title"></div>
                        <div class="order-address-row-content">
                            <span class="order-address-prefix" data-prefix="" id="addressFormPrefix"></span>
                            <input class="order-address-input" placeholder="请输入不超过50个字的详细地址，例如：路名、门牌号" maxlength="50" id="addressFormDetail" type="text">
                        </div>
                        <div class="order-address-row-tips"></div>
                    </div>
                    <div class="order-address-row clearfix">
                        <div class="order-address-row-title"></div>
                        <div class="order-address-row-content">
                            <div class="btn" id="addressFormSave">保存并使用</div>
                            <div class="btn cancel" id="addressFormCancel">取消</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mzcontainer order-product">
            <div class="order-product-title">确认订单信息</div>
            <div class="order-product-list" id="orderProductList"><table cellpadding="0" cellspacing="0"><thead><tr><th class="order-product-table-name"><div class="order-product-supplier">供应商：<span class="order-product-supplier-name">乐心</span><div class="order-product-supplier-tips">由“乐心”负责发货，并提供售后服务</div></div></th><th class="order-product-table-price">单价</th><th class="order-product-table-num">数量</th><th class="order-product-table-total">小计</th><th class="order-product-table-express">配送方式</th></tr></thead><tbody><tr><td class="order-product-table-name"><img class="order-product-image" src="{{ url('/ho/images/1463117434-82105.png') }}"><div class="order-product-name"><a target="_blank" class="order-product-link" href="http://detail.meizu.com/item/lexin_mambo_HR.html">乐心运动手环mambo HR 心率监测<br>黑色<br><span class="order-product-group">减脂套餐B</span></a></div></td><td class="order-product-table-price"><p></p><span class="order-product-price">348.00</span><span class="order-product-price cancel">368.00</span><div class="order-product-discount"><div class="order-product-discount-title">套餐优惠 <span class="order-product-price sub">20.00</span></div></div></td><td class="order-product-table-num">1</td><td class="order-product-table-total"><p class="order-product-price red">348.00</p></td><td rowspan="2" class="order-product-table-express"><p>快递配送：运费<span class="order-product-price red">0.00</span></p></td></tr><tr class="order-product-table-child first"><td colspan="4" class="order-product-table-name"><img class="order-product-image" src="{{ url('/ho/images/1463048663-59634.png') }}"><div class="order-product-name"><a target="_blank" class="order-product-link" href="http://detail.meizu.com/item/lexin_Melody.html">乐心体脂秤Melody wifi传输 黑色</a></div></td></tr></tbody><tfoot><tr><td colspan="5"><div class="order-product-info"><div class="order-product-invoice clearfix"><div class="order-product-invoice-type">发票类型：<label for="invoiceNo" class="order-product-invoice-label"><input class="order-product-invoice-radio" name="invoice" value="0" id="invoiceNo" checked="checked" type="radio">不开具发票</label><label for="invoiceYes" class="order-product-invoice-label"><input class="order-product-invoice-radio" name="invoice" value="1" id="invoiceYes" type="radio">纸质发票</label></div><div class="order-product-invoice-title paper">发票抬头：<input class="order-product-invoice-input" value="个人" maxlength="45" type="text"></div></div><div class="order-product-remark"><span class="order-product-remark-title">备注</span><textarea class="order-product-remark-input" placeholder="备注..." maxlength="45"></textarea></div></div><div class="order-product-total">合计：<span class="order-product-price red">348.00</span></div></td></tr></tfoot></table></div>
        </div>
        <div class="mzcontainer order-discount" id="discount">
            <div class="order-discount-header">使用优惠\抵扣</div>
            <ul class="order-discount-list" id="discountList"><li class="order-discount-item"><div class="order-discount-item-header"><div class="order-discount-item-title">使用回购券</div><div class="order-discount-item-right"></div></div><div class="order-discount-item-content order-discount-repo"><div class="order-discout-repo-text">已选择<span class="order-discount-repo-selected-num">0</span>张回购券（可多张叠加使用），总抵现<span class="order-discount-repo-selected-price">0.00</span></div><ul class="order-discount-repo-list"></ul><p><span class="order-discount-repo-enter-title">点击输入回购券</span></p><div class="order-discount-repo-enter-content"><div class="order-discount-repo-enter-row">券号：<input class="order-discount-repo-enter-input" type="text">密码：<input class="order-discount-repo-enter-input" type="password"><div class="btn">确定</div><span class="order-discount-repo-tips"></span></div><ul class="order-discount-repo-list"></ul></div></div></li></ul>
        </div>
        <div class="mzcontainer order-total clearfix">
            <div class="order-total-content">
                <div class="order-total-row">
                    总金额
                    <div class="order-total-price" id="totalOrderPrice">348.00</div>
                </div>
                <div class="order-total-row order-total-discount" id="totalCouponRow">
                    优惠券优惠
                    <div class="order-total-price sub">0.00</div>
                </div>
                <div class="order-total-row order-total-discount" id="totalRedRow">
                    红包抵扣
                    <div class="order-total-price sub">0.00</div>
                </div>
                <div class="order-total-row order-total-discount" id="totalRepoRow">
                    回购券抵扣
                    <div class="order-total-price sub">0.00</div>
                </div>
                <div class="order-total-row">
                    运费
                    <div class="order-total-price" id="totalExpressPrice">0.00</div>
                </div>
                <div class="order-total-line"></div>
                <div class="order-total-row">
                    应付：
                    <div class="order-total-price total" id="totalPayPrice">348.00</div>
                </div>
                <div class="order-total-row order-total-valid-row">
                    <input class="order-total-valid-input" placeholder="验证码*" maxlength="4" id="validInput" type="text">
                    <img src="{{ url('/ho/images/get.png') }}" class="order-total-valid-image" id="validCode">
                </div>
                <div class="order-total-row">
                    <div class="btn" id="submitForm">提交订单</div>
                </div>
            </div>
        </div>
    </div>
    <div class="mask einvoice" id="einvoiceDetail">
        <div class="einvoice-detail">
            <div class="einvoice-detail-title">电子发票详细介绍</div>
            <div class="einvoice-detail-main">
                <ul class="einvoice-detail-list">
                    <li class="q">为什么要选择电子发票？</li>
                    <li class="a">电子发票是纳税义务人通过互联网录入数据，然后开具给客户。电子发票获取更便捷，
可重复下载，避免丢失，方便查验，售后维权更有保障。发货效率更高，退换货更方便！电子发票低碳环保，节能减排，符合加强环境保护的国家策略。选择电子发
票，省力省心，更能为环境保护贡献一份力。</li>
                    <li class="q">确保电子发票具有法律效力的相关规定有哪些?</li>
                    <li class="a">根据国家税务总局关于推行通过增值税电子发票系统开具的增值税电子普通发票有关问
题的公告（国家税务总局公告2015年第84号）的规定，自2016年1月1日起启用。增值税电子普通发票的开票方和受票方需要纸质发票的，可以自行打印
增值税电子普通发票的版式文件，其法律效力、基本用途、基本使用规定等与税务机关监制的增值税普通发票相同。</li>
                    <li class="q">怎样收到电子发票？</li>
                    <li class="a">2016年1月1日及之后发货的订单，电子发票将在订单发货后，由系统自动发送到收货人的手机，请留意查收；如未收到，请联系客服热线:400-788-3333或进入官网咨询：<a class="einvoice-detail-link" href="http://live-i.meizu.com/live800/chatClient/chatbox.jsp?companyID=8957&amp;configID=4&amp;enterurl=http://store.meizu.com/explain/einvoice_help.html&amp;pagereferrer=&amp;info=&amp;k=1" target="_blank">在线客服</a>，无需操作后台；2016年1月1日前发货的订单，可在官网商城用户订单详情中查看发票信息。</li>
                    <li class="q">想要传统纸质发票怎么办？</li>
                    <li class="a">魅族商城正式启用电子发票后，不支持自主更换纸质发票。</li>
                    <li class="q">电子发票短信误删了怎么办？</li>
                    <li class="a">用户可联系客服索取电子发票信息，客服热线:400-788-3333或进入官网咨询：<a class="einvoice-detail-link" href="http://live-i.meizu.com/live800/chatClient/chatbox.jsp?companyID=8957&amp;configID=4&amp;enterurl=http://store.meizu.com/explain/einvoice_help.html&amp;pagereferrer=&amp;info=&amp;k=1" target="_blank">在线客服</a>。</li>
                    <li class="q">电子发票是否可以用于报销？</li>
                    <li class="a">电子发票打印后可用于单位报销。</li>
                    <li class="q">电子发票在哪里下载和打印？</li>
                    <li class="a">2016年1月1日及之后发货的订单，电子发票用户可以登录<a class="einvoice-detail-link" href="http://t.cn/R4cdnja" target="_blank">http://t.cn/R4cdnja</a> 凭借短信信息查询电票发票。 2016年1月1日前发货的订单，电子发票依旧在<a class="einvoice-detail-link" href="http://t.cn/Rzm3kyC" target="_blank">http://t.cn/Rzm3kyC</a> 查询。</li>
                    <li class="q">选择开具电子发票的顾客如何办理退换货流程？</li>
                    <li class="a">和原有退换货流程一样，唯一区别是电子发票的用户在办理退换货时无需用户退回电子发票，我司直接按电子发票冲红处理。</li>
                    <li class="q">电子发票可以修改发票抬头吗？</li>
                    <li class="a">目前电子发票抬头默认为收货人姓名，如需修改，请联系客服热线:400-788-3333或进入官网咨询：<a class="einvoice-detail-link" href="http://live-i.meizu.com/live800/chatClient/chatbox.jsp?companyID=8957&amp;configID=4&amp;enterurl=http://store.meizu.com/explain/einvoice_help.html&amp;pagereferrer=&amp;info=&amp;k=1" target="_blank">在线客服</a>。</li>
                </ul>
            </div>
            <div class="einvoice-close"></div>
        </div>
    </div>

<script src="{{ url('/ho/js/hm.js') }}"></script>
<script src="{{ url('/ho/js/flow.js') }}"></script>
<script src="{{ url('/ho/js/analytics-min.js') }}"></script>
<script charset="utf-8" src="{{ url('/ho/js/site-lib.js') }}"></script>
<script type="text/javascript" src="{{ url('/ho/js/site-base_002.js') }}"></script>

<script>var $=require("common:lib/jquery/jquery-1.11.3");require("common:lib/jquery/jquery-migrate-1.2.1"),window.$=$,window.jQuery=$,window.jquery=$,$(function(){require("common:widgets/site-topbar/topbar"),require("common:widgets/site-header/header")});</script>
    <script>
        var global = {
            data : {"address":{"activeAddressId":5838692311000,"addressList":[{"address":"爱是第三方","area":"东城区","areaId":2913,"city":"北京市","cityId":2912,"completeAddress":"北京北京市东城区东华门街道爱是第三方","createTime":1474170311000,"dbId":5838692,"id":5838692311000,"isDefault":0,"isOld":0,"province":"北京","provinceId":2911,"receiver":"无意","telNumber":"18500891947","town":"东华门街道","townId":2914,"updateTime":1474170311000,"userId":128232511,"zipCode":"100000"}],"useAppointAddr":0},"buyInfoList":[{"merchantExpressFee":0.00,"merchantId":10037,"merchantName":"乐心","merchantTotalMoney":348.00,"skuInfo":[{"cspuDesc":"黑色","image":"http://storeimg.meizu.com/product/1463117434-82105.png","itemId":10200,"itemName":"乐心运动手环mambo HR 心率监测","itemUrl":"http://detail.meizu.com/item/lexin_mambo_HR.html","merchantId":10037,"merchantName":"乐心","name":"乐心运动手环mambo HR 心率监测黑色","number":1,"originPrice":169.00,"packageId":63,"packageName":"减脂套餐B","payMoney":348.00,"price":169.00,"reduceItems":[{"endTime":0,"price":20.00,"type":0}],"reduceMoney":20.00,"skuId":1302,"skuInfoBoList":[{"image":"http://storeimg.meizu.com/product/1463048663-59634.png","itemId":10198,"itemUrl":"http://detail.meizu.com/item/lexin_Melody.html","merchantId":10037,"merchantName":"乐心","name":"乐心体脂秤Melody wifi传输 黑色","originPrice":199.00,"price":179.00,"skuId":969,"supportFastArrival":false,"type":1}],"supportFastArrival":false,"totalOriginPrice":368.00,"totalPrice":348.00,"type":1}],"supportFastArrival":false}],"refererUrl":"http://detail.meizu.com/item/lexin_mambo_HR.html","skus":"[{\"merchantId\":10037,\"skus\":[{\"id\":1302,\"num\":1},{\"id\":969,\"num\":1}]}]","sourceTime":"1475025490973","sysTime":1475025491050,"totalExpressFee":0.00,"totalOrderMoney":348.00,"totalOrderPayMoney":348.00,"uid":128232511,"verifyRule":"sid=35571dae-6302-47e5-9f28-edfeee6468d3&type=mix&len=4","verifySid":"35571dae-6302-47e5-9f28-edfeee6468d3"}
        };
    </script>
    <script src="{{ url('/ho/js/add.js') }}"></script>
    <div class="mz-downmenu"></div>
    <div class="mz-downmenu"></div>
    <div class="mz-downmenu"></div>
    <div class="mz-downmenu"></div>
<!-- end content -->

@endsection